{% extends 'layout.html' %}
{% block content %}
<div class="bs-example" data-example-id="table-within-panel">
    <div style="margin-bottom: 10px">
        <a href="/user/add/" class="btn btn-primary btn-success">新建用户</a>
        <a href="/user/form/add/" class="btn btn-primary btn-success">新建用户(form)</a>
        <a href="/user/model/form/add/" class="btn btn-primary btn-success">新建用户(modelForm)</a>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
            用户列表
        </div>
        <table class="table  table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>密码</th>
                <th>年龄</th>
                <th>账号余额</th>
                <th>入职时间</th>
                <th>部门</th>
                <th>性别</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {% for obj in data_list %}
            <tr>
                <td>{{obj.id}}</td>
                <td>{{obj.name}}</td>
                <td>{{obj.password}}</td>
                <td>{{obj.age}}</td>
                <td>{{obj.salary}}</td>
                <td>{{obj.create_time | date:"Y-m-d"}}</td>
                <td>{{obj.depart.title}}</td>
                <td>{{obj.get_gender_display}}</td>
                <td>
                    <a href="/user/{{ obj.id }}/edit/" class="btn btn-primary btn-xs">编辑</a>
                    <a href="/user/{{ obj.id }}/delete/" class="btn btn-danger btn-xs">删除</a>
                </td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
        <ul class="pagination" style="margin-top:0px;">
        {{ page_string }}
        <form action="" style="display:inline;">
            <input type="text" placeholder="搜索" name="page" class="form-control" style="width:60px;float:left;">
            <input type="submit" value="提交" class="btn btn-success" style="float:right;">
        </form>
    </ul>
</div>
{% endblock %}